<template>
    <div class="myview" >
        <el-row class="tac" >
   
            <el-col :span="12" >
            <el-menu
                active-text-color="#ffd04b"
                background-color="#545c64"
                class="el-menu-vertical-demo"
                text-color="#fff"
                router
               
            >
                <el-sub-menu index="1">
                    <template #title>
                        <span>商品管理</span>
                    </template>
                        <el-menu-item index="/list">商品列表</el-menu-item>
                        <el-menu-item index="/AddProduct">商品发布</el-menu-item>
                        <el-menu-item index="/Classify">商品分类</el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="2">
                    <template #title>
                        <span>订单管理</span>
                    </template>
                        <el-menu-item index="/Trans">交易订单</el-menu-item>
                        <el-menu-item index="/Rights">维权订单</el-menu-item>
                        <el-menu-item index="/Evaluation">评价管理</el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="3">
                    <template #title>
                        <span>用户管理</span>
                    </template>
                        <el-menu-item index="/Listx">用户列表</el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="4">
                    <template #title>
                        <span>分销商</span>
                    </template>
                        <el-menu-item index="/Listy">分销商列表</el-menu-item>
                        <el-menu-item index="/Grade">分销商等级</el-menu-item>
                        <el-menu-item index="/Product">分销商品</el-menu-item>
                        <el-menu-item index="/Order">分销订单</el-menu-item>
                        <el-menu-item index="/CashOut">提现管理</el-menu-item>
                        <!-- <el-menu-item index="/Source">素材中心</el-menu-item> -->
                        <el-menu-item index="/Setting">分销设置</el-menu-item>
                        <!-- <el-menu-item index="/Settlement">佣金结算</el-menu-item> -->
                </el-sub-menu>
                <el-menu-item index="/BaseSetting">
                <span>设置</span>
                </el-menu-item>
                
            </el-menu>
            </el-col>
        </el-row>
    </div>
    <router-view class="newviews"  ></router-view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { computed } from "vue";
const ke=computed(()=>window.innerHeight+"px")
// const handleOpen = (key: string, keyPath: string[]) => {
//   console.log(key, keyPath)
// }
// const handleClose = (key: string, keyPath: string[]) => {
//   console.log(key, keyPath)
// }
</script>

<style scoped>

.myview{
    height: 100%;
    
}
.tac{
    width: 200px;
    height:100%;
    background-color:#545c64;
    overflow-x: hidden
}
/deep/.el-col-12{
    min-width: 100%;
    height:100%;
}
a{
    text-decoration: none; /* 去除默认的下划线 */
	outline: none;	/* 去除旧版浏览器的点击后的外虚线框 */
	color: #000;	/* 去除默认的颜色和点击后变化的颜色 */
}
.newviews{
  background-color: #f2f2f2;
  width: calc(100% - 200px) !important;
  box-sizing: border-box;
  padding:10px;
  height: 100%;
  
  overflow-x: hidden
}
</style>